<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="../../../static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="../../../static/css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../../../static/js/jquery.js"></script>
		<script type="text/javascript" src="../../../static/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="../../../static/js/select-ui.min.js"></script>
		<script type="text/javascript" src="../../../static/editor/kindeditor.js"></script>
		<script type="text/javascript" src="../../../static/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript">
		$(document).ready(function(e) {
		    $(".select1").uedSelect({
				width : 345			  
			});
			
		});
	</script>
	<script type="text/javascript">
		KE.show({id:"ecp",width:"800px",height:"300px"});
	</script>
	</head>

	<body>

		<div class="place">
			<span>位置：</span>
			<ul class="placeul">
				<li><a href="#">人事管理</a></li>
				<li><a href="#">添加员工</a></li>
			</ul>
		</div>

		<div class="formbody" id="app">

			<div class="formtitle"><span>基本信息</span></div>

			<ul class="forminfo">
				<li>
					<label>员工姓名</label>
					<input name="name" type="text" class="dfinput" /></li>
				<li>
					<label>初始密码</label>
					<input name="password" type="text" class="dfinput" disabled="disabled" value="123" /><i></i></li>
				<li>
				<li>
					<label>电话号码</label>
					<input name="tel" type="text" class="dfinput"  /><i></i></li>
				<li>
				<li>
					<label>电子邮箱</label>
					<input name="email" type="text" class="dfinput"  /><i></i></li>
				<li>
					<label>性别</label><cite>
					<input name="sex" type="radio" value="男" checked="checked" />男&nbsp;&nbsp;&nbsp;&nbsp;
					<input name="sex" type="radio" value="女" />女</cite>
				</li>
				<li>
					<label>年龄</label>
					<input name="age" type="text" class="dfinput" onfocus="WdatePicker({skin:'whyGreen',lang:'en'})" /></li>
				<li>
					<label>员工角色</label><cite>
					<div class="vocation">
						<select class="select1 roleName">
							<option>请选择</option>
							<option v-for="one in role">{{one.roleName}}</option>
						</select>
					</div></cite>
				</li>
				<li>
					<label>职位</label><cite>
					<div class="vocation">
						<select class="select1 position">
							<option>请选择</option>
							<option v-for="one in position">{{one.positionName}}</option>
						</select>
					</div></cite>
				</li>
					<li>
						<label>所属部门<b>*</b></label>
						<div class="vocation">
							<select class="select1 deptName">
								<option>请选择</option>
								<option v-for="one in dept">{{one.deptName}}</option>
							</select>
						</div>

					</li>
					<li>
						<label>&nbsp;</label>
						<input name="" type="button" class="btn" value="确认保存" @click="addStaff()" />
					</li>
			</ul>

		</div>

	</body>

</html>


<script type="text/javascript" src="../../../static/js/axios.min.js"></script>
<script type="text/javascript" src="../../../static/js/vue.js"></script>
<script type="text/javascript" src="../../../static/js/sysManage/staffManage/staffAdd.js"></script>
